<!-- file: app/views/fichiers/video.ctp -->
<div>
    <?php $idVideo = $fichiers['Fichier']['id']?>
   
    <?php $categorie_id = $fichiers['Fichier']['categorie_id'] ?>
    <?php $typefi = $fichiers['Fichier']['typefi'] ?>
    
    
    <!-- Partie du video -->
   
  
    
        <video id="video"  controls  width="500" height="400" autoplay>
            <source src='<?php echo Dispatcher::baseUrl(); ?>/videos/<?php echo $fichiers['Fichier']['non_fichier']; ?>' type='video/ogg; codecs="theora, vorbis"'/>
            <source src='<?php echo Dispatcher::baseUrl(); ?>/videos/<?php echo $fichiers['Fichier']['non_fichier2']; ?>'/>
                Error!!! Change de navigateur!!!
             </video>
              <div class="pane">
                <b><?php __('Titre:')?></b>&nbsp&nbsp<font color='white'><?php echo $fichiers['Fichier']['titre']?>
                <br/><b><?php __('Description:')?></b> <?php echo $fichiers['Fichier']['description'] ?>
              <br/><b><?php __('Conseils:')?></b> <?php echo $fichiers['Fichier']['conseil'] ?></font>
              <div style="clear:both;"></div>
              </div>
  
             <a class="trigge" href="#"><b><?php __('Information sur la Video')?></b></a>



                <!-- Partie de sous-titres-->
                <div id="subtitres">
                <?php

                //debug($idsub);
                foreach ($subtitres as $subtitre) {
                    if($idsub!=0){
                            if($idsub==$subtitre['Subtitre']['id']){
                            $sub2=$subtitre['Subtitre'];
//                            debug($sub2);
                        }
                        }
                        
                $sub[$subtitre['Subtitre']['language']] =  $subtitre['Subtitre']['nom_sub'];
                    
                    }

                    ?>

                <br/>
                <button id="buton1" class="css3button" ><?php __('Masquer') ?></button>
                
                <div id="sous1"> <div id="sub1" class="srt" data-video="video" data-srt="<?php echo Dispatcher::baseUrl(); ?>/<?php echo $sub['Francais']; ?>"></div>
                </div>


 <br/>

                <?php
                if($idsub!=0){
                    ?>
                 <button id="buton2" class="css3button" ><?php __('Masquer') ?></button>
                <div id="sous2">
                    <div class="subtitulos"></div>
                </div>
                <?php
                }
                ?>
                
               


                <!--<br>
                <button id="buton3" class="css3button" ><?php __('Masquer Dictionnaire') ?></button>
                <div id="sous3">
                    
                </div>-->



                <script type="text/javascript">

                <?php
                if($idsub!=0){
                    ?>
                  $(document).ready(function(){

                      $(".subtitulos").loadSubtitle('<?php echo Dispatcher::baseUrl(); ?>/<?php echo $sub2['nom_sub'];?>', "video");

                    });

                <?php
                }
                ?>



                   
                 
                   

                    $('#buton1').click(function () {
                        if ($("#sous1").is(":hidden")) {
                            $("#sous1").show("slow");
                            document.getElementById('buton1').innerHTML = "Masquer";
                        } else {
                            $("#sous1").slideUp();
                            document.getElementById('buton1').innerHTML = "Afficher";
                        }
                    });


<?php
                if($idsub!=0){
                    ?>
                  $('#buton2').click(function () {
                        if ($("#sous2").is(":hidden")) {
                            $("#sous2").show("slow");
                            document.getElementById('buton2').innerHTML = "Masquer";
                        } else {
                            $("#sous2").slideUp();
                            document.getElementById('buton2').innerHTML = "Afficher";
                        }
                    });

                <?php
                }
                ?>
                    
                   

                    $('#buton3').click(function () {
                        if ($("#sous3").is(":hidden")) {
                            $("#sous3").show("slow");
                            document.getElementById('buton3').innerHTML = "Masquer Dictionnaire";
                        } else {
                            $("#sous3").slideUp();
                            document.getElementById('buton3').innerHTML = "Afficher Dictionnaire";
                        }
                    });


                    $(document).ready(function(){
                        $(".trigge").click(function(){
                            $(".pane").toggle("fast");
                            $(this).toggleClass("active");
                            return false;
                        });
                    });


                     $(document).ready(function(){
                        $(".trigg").click(function(){
                            $(".pan").toggle("fast");
                            $(this).toggleClass("active");
                            return false;
                        });
                    });
                </script>

</div>






                <!--Partie Commentaires -->

                <fieldset>
                <h2><?php __('Déposer un Commentaire') ?></h2>
  
                    <?php
                    echo $form->create('Commentaire', array('url' => array('controller' => 'commentaires', 'action' => 'ajouterCommentaire')));
                    echo $form->input('nom', array('type' => 'text', 'label' => __('Nom', true)));
                    echo $form->input('nationalite', array('label' => __('Nationalite', true)));
                    echo $form->input('mail', array('type' => 'text', 'label' => __('Mail', true)));
                    echo $form->input('comentaire', array('label' => __('Commentaire', true)));
                    echo $form->input('fichier_id', array('type' => 'hidden', 'value' => $fichiers['Fichier']['id']));
                    echo $form->input('typefi', array('type' => 'hidden', 'value' => 'video'));
                    echo $form->input('etat', array('type' => 'hidden', 'value' => '0'));
                    echo $form->end(__('Submit', true));
                    ?>

                                </fieldset>

 <?php



                            echo $this->element('relacione', array('idFichier'=>$idVideo));

                ?>


                <br><p> <font color="black" size="4">COMMENTAIRES SUR LA VIDEO</font></p>
                <?php
                    //debug($fichiers);

                    if (isset($fichiers['Commentaire'])) {

                        $i = 0;
                        foreach ($fichiers['Commentaire'] as $comme) {
                            $etat = $comme['etat'];
                            if ($etat == 1) {
                              
                                echo '<br><b>Commentaire </b> ' .' '. ++$i . '                       '.'<br/> <p><b>Date:</b>' .' '. $comme['date'] . '</p>';
                                echo '<p> <b>Nom:</b>' . ' '.$comme['nom'] . '</p> <p><b>Nationalite: </b>' .' '. $comme['nationalite'] . '</p> <p><b>Commentaire:</b>' .' '. $comme['comentaire'] . '</p>';
                            }
                           
                        }
                       
                    }
                ?>


                <script>
                    // Select all of the forms on the page (in this case the only one)
                    // and call 'validity' on the result.

                    $(function() {
                        $("#CommentaireVideoForm").validity(function() {
                            $("#CommentaireNom")                      // The first input:
                            .require("Nom est obligatoire.");

                            $("#CommentaireNationalite")                      // The first input:
                            .require("Nationalite est obligatoire.");

                            $("#CommentaireMail")                      // The first input:
                            .require("Vous avez besoin d'un email.")
                            .match("email")

                            $("#CommentaireComentaire")                      // The first input:
                            .require("Commentaire est obligatoire.");

                        });

                        });
                </script>

 <!--Partie Categories -->
                    
               
                    </div>

